<! DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>tab页面布局，标题布局</title>
        <link href="css/style.css" type="text/css" rel="stylesheet"/>
        <script type="text/javascript" src="js/script.js"></script>
    </head>
    <body>
        <div id="notice" class="notice">
            <div id="notice-tit" class="notice-tit">
                <ul>
                    <li  class="select"><a href="#">公告</a></li>
                    <li><a href="#">规则</a></li>
                    <li><a href="#">论坛</a></li>
                    <li><a href="#">安全</a></li>
                    <li><a href="#">公益</a></li>
                </ul>
            </div>
            <div class="notice-con" id="notice-con">
                <div class="content" style="display:block">
                    <ul>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">11111111111111</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">111111111111111</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">111111111111111</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">11111111111111</a></li>
                    </ul>
                </div>
                <div class="content">
                    <ul>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">222222222222222</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">2222222222222</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">2222222222222</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">2222222222222</a></li>
                    </ul>
                </div>
                <div class="content">
                    <ul>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">3333333333333</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">333333333333</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">333333333333</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">3333333333333</a></li>
                    </ul>
                </div>
                <div class="content">
                    <ul>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">1444444444444</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">444444444444444</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">4444444444444</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">444444444444</a></li>
                    </ul>
                </div>
                <div class="content">
                    <ul>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">555555555555</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">55555555555</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">55555555555</a></li>
                        <li><span>[<a href="#">通知</a>]</span><a href="#">55555555555</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>